<html>
<head>

		<link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
</head>

<body>
<div id="wrap">
<div class="header">
<div id="logo">
</div>
<div class="title">
<h3> Books To Africa</h3>
</div>
 <div id="menu">
            <ul>                                                                       
            <li>Register</li>
            </ul>
        </div>     


</div>

<g:uploadForm>
	<div id="menu" style="background-color:#6F605A;height:300px;width:300px;position:absolute;top:200px;left:200px">		
		<dt>photo of you </dt>
		<dt>
			<input type = "file" name = "donorPicture" />
		</dt>

		<dt>user name </dt>
		<dt>
			<g:textField name = "userName" />
		</dt>
		
		<dt>password </dt>
		<dt>
			<g:passwordField name = "password" />
		</dt>
		
		<dt>repeat password </dt>
		<dt>
			<g:passwordField name = "passwordAgain" />
		</dt>
<!--			
		<dt>email </dt>
		<dt>
			
		</dt>
  -->	
		<dt>
			<g:actionSubmit value="Register" />
		</dt>
		<dt>
			<g:actionSubmit value="Cancel" />
		</dt>
	</div>
</g:uploadForm>


</body>
</html>
